<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>搜索引擎列表·思通投研·让数据驱动投资价值!</title>
    <link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">

    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">


    <link href="${pageContext.request.contextPath }/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">

    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/datepicker3.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
    <style>
        .select2_demo_1 {
            float: left;
            width: 120px;
            display: inline;
            margin-left: 10px;
        }

        .form-control {
            display: inline;
        }

        .col-sm-3 {
            float: right;
            width: 560px;
        }

        .input-group {
            float: right;
            width: 240px;
            margin-left: 5px;
        }

        td {
            vertical-align: middle;
        }
    </style>

</head>

<body>

<div id="wrapper">

    <nav class="navbar-default navbar-static-side" role="navigation">
        <%request.setAttribute("LEFT", "searchenginelist");%>
        <%@include file="left-factory.jsp" %>
    </nav>

    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <jsp:include page="head-factory.jsp" flush="true"/>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>搜索引擎列表</h2>
                <ol class="breadcrumb">
                    <li class="nav-main1">
                        <a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                    </li>
                    <li class="nav-main2">
                        <a id="navigation1" href="#">站点资源</a>
                    </li>
                    <li class="active">
                        <a>搜索引擎列表</a>
                    </li>
                </ol>
            </div>
        </div>

        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <button type="submit"
                                    onclick="window.location.href='${pageContext.request.contextPath}/allocation/toadd?pageNum=${pageinfo.pageNum}'"
                                    class="btn btn-primary pull-left">添加
                            </button>

                            <div id="addkeywords" class="addkeywords">
                                <input type="text" id="keywords" value="${keywords}" placeholder="请输入关键词">
                                <button class="btn btn-primary" onclick="searchKeywords()">搜索</button>
                            </div>

                            <div class="col-sm-3 search2">
                                <div class="input-group serch1" style="display:none;">
                                    <input type="text" style="height: 34px;" placeholder="输入搜索内容"
                                           class="input-sm form-control"> <span class="input-group-btn">
                        <button type="button" class="btn btn-sm btn-primary" style="height: 34px;"> 搜索</button> </span>
                                </div>
                            </div>


                            <br/>


                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="25">
                                <thead>
                                <tr>
                                    <th style="width: 15%;">网站名称</th>
                                    <th style="width: 15%;">配置名称</th>
                                    <th style="width: 11%;">今日抓取量</th>
                                    <th style="width: 11%;">是否开启</th>
                                    <th style="width: 25%;">创建日期</th>
                                    <th style="width: 15%;">操作</th>

                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${list}" var="website">
                                    <tr>
                                        <td><a style="color:#686b6d;"
                                               href='${pageContext.request.contextPath}/listseed?websiteId=${website.id}'">${website.website_name }</a>
                                        </td>
                                        <td>${website.config_name }</td>
                                        <td>${website.sum_value }</td>
                                        <td><c:if test="${website.status==1}">已开启</c:if>
                                            <c:if test="${website.status==2}">未开启</c:if>
                                        </td>


                                        <td><fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss"
                                                            value="${website.create_date }"/></td>

                                        <td><input type="button"
                                                   onclick="window.location.href = '${pageContext.request.contextPath}/allocation/toeditor?id=${website.id}&pageNum=${pageinfo.pageNum}'"
                                                   class="btn-white btn btn-xs" value="编辑">
                                            <c:if test="${website.status!=1}">
                                                <input type="button"
                                                       onclick="run(${website.id})" class="btn-white btn btn-xs"
                                                       value="开启">
                                            </c:if>
                                            <c:if test="${website.status==1}">
                                                <input type="button"
                                                       onclick="closes(${website.id})" class="btn-white btn btn-xs"
                                                       value="关闭">
                                            </c:if>
                                        </td>


                                    </tr>
                                </c:forEach>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="7">
                                        <c:if test="${pageinfo.pages>0}">
                                            <div class="box" id="box" style="float: right;"></div>
                                        </c:if>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <jsp:include page="footer.jsp" flush="true"/>
    </div>
</div>


<!-- Mainly scripts -->
<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
<script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>


<!-- FooTable -->
<script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
<script src="${pageContext.request.contextPath}/js/mypage.js"></script>

<script src="${pageContext.request.contextPath }/js/plugins/toastr/toastr.min.js"></script>
<!-- Sweet alert -->
<script src="${pageContext.request.contextPath }/js/plugins/sweetalert/sweetalert.min.js"></script>

<!-- Page-Level Scripts -->
<script>
    $(document).ready(function () {
        $('.footable').footable();
    });
    $(function () {
        paging(1, '${pageinfo.pages }', '${pageinfo.pageNum }');
    });

    function searchKeywords(pageNum) {
        let keywords = $("#keywords").val();
        window.location.href = "${pageContext.request.contextPath}/searchenging/getConfiglist?pageNum=1&keywords="+keywords;
     //   $("#keywords").val(keywords);
//        $.ajax({
//            url: "getConfiglist",
//            type: "get",
//            dataType: "json",
//            data: {
//                keywords: keywords,
//                pageNum: pageNum
//            },
//            success: function (res) {
//                groupDataList(res);
//            },
//            error: function (err) {
//                console.log("请求搜索引擎失败")
//                console.log(err)
//            }
//        });
    }

//    function groupDataList(res) {
//        console.log(res)
//        let totalData = res.totalData;
//        let totalPage = res.totalPage;
//        let pageNum = res.pageNum;
//        let list = res.list;
//        paging(totalData, totalPage, pageNum);
//        for (let i = 0; i < list.length; i++) {
//            let listObj = list[i];
//            let website_name = listObj.website_name;
//            let create_date = listObj.create_date;
//            let website_name = listObj.website_name;
//            let website_name = listObj.website_name;
//        }
//    }

    function paging(totalData, totalPage, pagenum) {
        $('#box').paging({
            initPageNo: pagenum, // 初始页码
            totalPages: totalPage, //总页数
            totalCount: '合计' + totalData + '条数据', // 条目总数
            slideSpeed: 600, // 缓动速度 单位毫秒
            jump: true, //是否支持跳转
            callback: function (page) {
                // 回调函数
            }
        });
    }

    function JumpToPage(pagenum) {
        let keywords = $("#keywords").val();
        //let keywords = '${keywords}'
        // $("#keywords").val(keywords);
        <%--window.location.href = "${pageContext.request.contextPath}/searchenging/configlist?pageNum=" + pagenum;--%>
        window.location.href = "${pageContext.request.contextPath}/searchenging/getConfiglist?pageNum="+pagenum+"&keywords="+keywords;
     //   let keywords1 = '${keywords}'
       // $("#keywords").val(keywords1);
    }


    function run(id) {
        var msg = "1";

        $.ajax({
            url: "${pageContext.request.contextPath}/allocation/run",
            type: "post",
            data: {
                id: id,
                msg: msg
            },
            success: function (data) {
                if (data.code == 1) {
                    swal("开启成功", "开启成功", "success");
                    window.location.href = "${pageContext.request.contextPath}/searchenging/configlist"
                }
            },
            error: function (e) {
                swal("开启失败", "开启失败", "error");
                window.clearInterval(timer);
            }
        });
    };


    function closes(id) {
        var msg = "2";

        $.ajax({
            url: "${pageContext.request.contextPath}/allocation/run",
            type: "post",
            data: {
                id: id,
                msg: msg
            },
            success: function (data) {
                if (data.code == 1) {
                    swal("关闭成功", "关闭成功", "success");
                    window.location.href = "${pageContext.request.contextPath}/searchenging/configlist"
                }
            },
            error: function (e) {
                swal("关闭失败", "关闭失败", "error");
                window.clearInterval(timer);
            }
        });
    };


    //跑马灯方法
//     function init() {
//         //获取标题
//         var title = document.title;
//         //分割字符串--->字符数组
//         var arr = title.split("");
//         //删除第一个元素并返回该元素
//         var e = arr.shift();
//         //把一个对象添加到数组末尾
//         arr.push(e);
//         //把数组转换成字符串
//         var marquee = arr.join("");
//         //返回给浏览器
//         document.title = marquee;
//         //定时一直执行
//         window.setTimeout("init()", 1000);
//     }

//     window.onload = init;


</script>

<!-- FooTable -->


</body>

</html>
